<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
    <head>
        <meta charset="UTF-8">
        <title>Campeonato de lol</title>
        
        
        <LINK REL=StyleSheet HREF="css/styleindex.css" TYPE="text/css" MEDIA=screen>
           <link rel="stylesheet" href="css/bootstrap.css">
        <style>
            body{
                
               /* background: transparent url("imagens/back.jpg") no-repeat;*/
                    background: #000 url("imagens/camplolfundo.jpg") no-repeat;
              /*  background: #02090c;*/
                   font-family: "friz quadrata TT";
                
            }
            
    #pat{
    
    color:#fff;
    margin-left: 150px;
    font-size: 20px;
    
}

#riot{
    
    
    margin-left: 150px;
    width: 50%;
    margin-bottom: 70px;
    
}
     
            ul#menu{
    
        position: absolute;
        padding:0px;
	margin-top: 103px;
	list-style:none;
        left: 181px;
        
    
}

#login{
    
    

    margin-top: 0;
    width: 100%;
    height: 40px;
    background: #1d1d1d;
     background: #1d1d1d url("css/imagens/lol-textures.jpg") no-repeat 0 -6px;
    -webkit-box-shadow: 0 1px 2px #323232;
-moz-box-shadow: 0 1px 2px #323232;
box-shadow: 0 1px 2px #323232;
    -webkit-box-shadow: 0px 1px 2px #2998c9;
    border-radius: 1px;
    margin:0 auto;
    text-align: center;
   
}

#login-dir{
    padding: 2px;
    float: right;
    margin-right: 8px;
    
    
}

#erros{
    float: right;
    margin-right: 200px;
    width: 200px;
    background: #1d1d1d url("css/imagens/lol-textures.jpg") no-repeat 0 -6px;
    text-align: center;
        -webkit-box-shadow: 0 1px 2px #323232;
-moz-box-shadow: 0 1px 2px #323232;
box-shadow: 0 1px 2px #323232;
    -webkit-box-shadow: 0px 1px 2px #2998c9;
    border-radius: 1px;
    margin:0 auto;
    text-align: center;
    
}




        </style>
    </head>
    <body >
        <?php
        // put your code here
          
        
        ?>
        
        
        <div id="login">
            
           
            <div id="login-dir">           
            
                
                <form class="form-inline" action="valida.php" method="post">
                <div class="form-group">
                    <label class="sr-only" for="inputEmail">Email</label>
                    <input type="email" class="form-control" id="inputEmail" name="email" placeholder="Email">
                </div>
                <div class="form-group">
                    <label class="sr-only" for="inputPassword">Password</label>
                    <input type="password" class="form-control" class="input-small" name="senha" id="inputPassword" placeholder="Password">
                </div>
    
            <button type="submit" class="btn btn-primary">Login</button>
           </form>

            
            </div>
          
            
            
        </div>
        
          <div id="erros" style="color:red">
                <?php $errosa = $_GET['erro'];
                
                       echo "<strong>$errosa</strong>";
                       
                       ?>
                
                  </div>
        
        <div id="top">
            
            
            
            <div class="top-m">
                
                       
                

                <ul id="menu">

                        <li><a href="index.php" >Home</a></li>
                          <li><a href="inscricao.php" >Inscreva-se</a></li>                          
                            <li><a href="#" >Organização</a></li>
                               <li><a href="#" >Campeonato</a></li>
                               <li><a href="#" >Contato</a></li>
                                  <li><a href="#" >Contatos</a></li>


                    </ul>
                </div>    
                
                
                
                
            </div>
            
            <div id="top-esq" >
                   <!--  <img src="imagens/logo.png" width="500"/> -->
                
            </div>
       
            
            <div id="top-dir">
  
           
            
        </div>
        <br/>
        <div id="conteudo" >
            
            <!--   <div id="cont-esq">
                
                   <strong>  O que é League of Legends?    </strong>
                   <p>League of Legends é um jogo online competitivo que mistura a velocidade e a intensidade de um RTS com elementos de RPG. Duas equipes de poderosos campeões, cada um com design e estilo único, lutam em diversos campos de batalha e modos de jogo. Com um elenco de campeões em constante expansão, atualizações frequentes e uma cena competitiva exuberante, League of Legends oferece diversão incessante para jogadores de todos os níveis de habilidade</p>
                
                
               </div> -->
                <div id="pat">     
                    <br/>
                    <strong> Campeonato</strong>
               </div>
             <br/>
            <div style="background:rgba(0,0,0,0.5); width: 80%; margin-left: 148px; height: 300px; color: #fff; border-radius: 6px;">
                sdfsfdsfds
            </div>
            
            
         
             <div id="pat">     
                    <br/>
                    <strong> Premiaçao</strong>
               </div>
                   <br/>
            <div style="background:rgba(0,0,0,0.5); width: 80%; margin-left: 148px; height: 300px; color: #fff; border-radius: 6px;">
                sdfsfdsfds
            </div>
            
            <!--<div id="cont-dir">
                
                <div class="content-out">
                    
                    <div class="content-for"></div>     
                      
                    <div class="content-meio">
                        
                        
                        <div class="d"> </div>
                        <div class="meio">
                            
                   
                            
                            <img src="imagens/logo.png"/>
                      
                         
                        </div>
                        
                        
                    </div>
                    
                    <div class="baixo"></div>
                    
                </div>
                
                
              
            </div> -->
            
         
            
            
        </div>
    <br/>
    <div id="s">        
       
    </div>
    <div id="pat">     
          <br/>
          <strong> Patrocinios</strong>
    </div>
    
    <br><br><br>
    <br>
        <div id="footers">
        <div id="riot">
            
            <img src="imagens/riot_logo3.png" >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
            <img src="imagens/rating-pt-br2.jpg" >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
            <img src="imagens/logo_ufg.png" width="70" >&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp
        </div> 
        
         
        </div>
    </body>
</html>
